//导航滑块
if ($('.nav ul li').length > 0) {
    Slider(300, $('.nav ul li'), $('.nav ul li.active'), $('.subline'), 26, $('.nav'));
}
function Slider(Stime, Sli, Slia, Sline, Sleft, Sul) {
    if(Slia.length <= 0){
        return false
    }
    Sline.css({
        'width': Slia.find('span').width(),
        'left': parseInt(Slia.position().left) + Sleft
    });
    Sli.mouseenter(function () {
        Sline.stop().animate({
            width: $(this).find('span').width(),
            left: parseInt($(this).position().left) + Sleft
        }, Stime);
    });
    Sul.mouseleave(function () {
        Sline.stop().animate({
            width: Slia.find('span').width(),
            left: parseInt(Slia.position().left) + Sleft
        }, Stime);
    });
};

//移动端导航
$(".menu").click(function () {
    $(this).toggleClass("on")
    $('.nav').toggleClass("active");
});

$(".popup_close").click(function () {
    $('.popup').hide()
})


// 视频弹窗播放
$('.play').click(function () {
    let videoSrc = $(this).attr('video_src')
    let html = '<div class="video_bg"><video src="' + videoSrc + '" controls autoplay></video></div>'
    $('html').append(html)
})

// 视频蒙层
$('html').on('click', '.video_bg', function () {
    $(this).remove()
})

$('html').on('click', 'video', function (e) {
    e.stopPropagation()
})